<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body><div class="a">
    <img src="./4.jpg" alt=""
    width="295px"
    height="900px">
    </div>
    <div class="box">
    <ul class="list_box">
        <li class="list1">
            <img src="./5.jpeg" alt="购物清单1">
            <div class="list1_say">
                <span class="title_text">NO LOGO竹节蓝牛仔微喇517牛仔裤水洗做旧Vintage牛仔裤</span>
            </div>
            <div class="price_con">
                 <span class="list_price_title">￥</span>  
                 <span class="list_price_after">2.5</span>
                 <span class="list_price_old">1199.00</span>
            </div>
            <div class="dian-name">
                 <span class="dian_name_span"></span>
            NO LOGO旗舰店
            </div>
            <div class="list_foot">
                <div class="list_tags"></div>
                <div class="sell_info">
                     月额 10000+
                </div>
            </div>
        </li>
        <li class="list2">
           <img src="./6.jpeg" alt="购物清单2">
             <div class="list1_say">
                 <span class="title_text">日系复古格子衬衫女2024春季新款设计感长袖衬衣休闲外套宽松上衣</span>
             </div>
             <div class="price_con">
                 <span class="list_price_title">￥</span>  
                 <span class="list_price_after">2.5</span>
                 <span class="list_price_old">949.00</span>
             </div>
             <div class="dian-name">
                 <span class="dian_name_span"></span>
                 NO LOGO旗舰店
             </div>
             <div class="list_foot">
                 <div class="list_tags"></div>
                 <div class="sell_info">
                     月额 15
                 </div>
             </div>
        </li>
        <li class="list3">
            <img src="./7jpeg.jpeg" alt="购物清单3">
             <div class="list1_say">
                 <span class="title_text">大cleanfit针织开衫外套男潮牌高级感深灰色连帽毛衣复古日系慵懒</span>
             </div>
             <div class="price_con">
                 <span class="list_price_title">￥</span>  
                 <span class="list_price_after">2.5</span>
                 <span class="list_price_old">399.00</span>
             </div>
             <div class="dian-name">
                 <span class="dian_name_span"></span>
                 NO LOGO旗舰店
             </div>
             <div class="list_foot">
                 <div class="list_tags"></div>
                 <div class="sell_info">
                     月额 3000
                 </div>
             </div>
        </li>
        <li class="list4">
           <img src="./8.jpeg" alt="购物清单4">
             <div class="list1_say">
                 <span class="title_text">Bape THOM短袖t恤男时尚潮牌休闲夕阳迷彩字母印花女情侣纯棉上衣</span>
             </div>
             <div class="price_con">
                 <span class="list_price_title">￥</span>  
                 <span class="list_price_after">99.00</span>
                 <span class="list_price_old">99.00</span>
             </div>
             <div class="dian-name">
                 <span class="dian_name_span"></span>
                 NO LOGO旗舰店
             </div>
             <div class="list_foot">
                 <div class="list_tags"></div>
                 <div class="sell_info">
                     月额 2000
                 </div>
             </div>
        </li>
        <li class="list5">
             <img src="./9.jpeg" alt="购物清单5">
             <div class="list1_say">
                 <span class="title_text">SOYSHY欧美高街暗黑系植绒蜘蛛连帽卫衣男女潮牌痞帅炸街情侣外套</span>
             </div>
             <div class="price_con">
                 <span class="list_price_title">￥</span>  
                 <span class="list_price_after">299.00</span>
                 <span class="list_price_old">299.00</span>
             </div>
             <div class="dian-name">
                 <span class="dian_name_span"></span>
                 NO LOGO旗舰店
             </div>
             <div class="list_foot">
                 <div class="list_tags"></div>
                 <div class="sell_info">
                     月额 1432
                 </div>
             </div>
        </li>
        <li class="list5">
            <img src="./10.jpg" alt="购物清单6">
            <div class="list1_say">
                <span class="title_text">GTRG新款条纹日常简约户外阔腿休闲裤腰部抽绳运动风宽松百搭短裤</span>
            </div>
            <div class="price_con">
                <span class="list_price_title">￥</span>  
                <span class="list_price_after">0.5</span>
                <span class="list_price_old">199</span>
            </div>
            <div class="dian-name">
                <span class="dian_name_span"></span>
                NO LOGO旗舰店
            </div>
            <div class="list_foot">
                <div class="list_tags"></div>
                <div class="sell_info">
                    月额 3000
                </div>
                </div>
                </li>
                </ul>
                </div>
                <style>.a{ width: 295px;
                    height: 900px;
                    float: left;
                    color: #9b9b9b;
                    line-height: 20px;
                    border-color:rgba(0,0,0, 0.1);
                    border-width: 1px;
                    border-style: solid;
                   
                
                 }
                
                    *{
                      margin: 0;
                      padding: 0;
                  }
                  li{
                      list-style: none;
                  }
                  .box{
                      width: 1485px;
                      height: 460px;
                      border: #fd3f31;
                      /* background-color: pink; */
                      margin: 0 auto;
                  }
                  .list_box li{
                      width: 295px;
                      height: 460px;
                      float: left;
                      color: #9b9b9b;
                      line-height: 20px;
                      border-color:rgba(0,0,0, 0.1);
                      border-width: 1px;
                      border-style: solid;
                  }
                  .list_box li img{
                      width: 245px;
                      height: 243px;
                      margin: 30px 26px 14px;
                  }
                  .list1_say{
                      font-size: 14px;
                      height: 60px;
                      width: 198px;
                      margin: 0 26px;
                  }
                  .price_con{
                      height: 25px;
                      padding: 6px 26px;
                      line-height: 1.6;
                  }
                  .list_price_title{
                      font-size: 18px;
                      color: #fd3f31;
                  }
                  .list_price_after{
                      font-size: 18px;
                       color: #fd3f31;
                  }
                  .list_price_old{
                      margin-left: 8px;
                      vertical-align: baseline;
                      text-decoration: line-through;
                      line-height: 20px;
                      font-family: PingFangSC-Regular;
                      font-size: 14px;
                      color: #9b9b9b;
                  }
                  .dian_name{
                      font-size: 12px;
                      color: #9b9b9b;
                      line-height: 17px;
                      background-color: #fff;
                  }
                  .dian_name_span{
                      color: #fd3f31;
                      margin: 18px 26px;
                  }
                  .list_foot{
                      height: 12px;
                      /* background-color:purple;  */
                      margin-top: 20px;
                      border-top: 1px solid #f2f2f2;
                      padding: 9px 0;
                      vertical-align: bottom;
                      position: relative;
                      
                  }
                  .list_tags{
                      overflow: hidden;
                      white-space: nowrap;
                      vertical-align: middle;
                  }
                  .sell_info{
                      position: absolute;
                      right: 0;
                      top: 9px;
                      color: #9b9b9b;
                      font-size: 12px;
                      line-height: 17px;
                      background: #fff;
                      padding-left: 12px;
                      
                  }
                </style>  
                </body>
                </html>